<template>
  <div class="popup">
<div class="content-wrap">
	<div class="row">
		<div class="col-sm-12">
			<div class="nest" id="elementClose">
				<div class="">
				</div>
				<div class="body-nest" id="element">
					<div class="panel-body">
						<form class="form-horizontal m" id="form-add" novalidate="novalidate">						
									<div class="form-group">
										<label class="col-sm-3 control-label ">今日工作内容：</label>
										<div class="col-sm-8">
											<!--<input class="form-control" type="text" id="todayWorkContent" name="todayWorkContent"/>-->
											<textarea class="textarea form-control" placeholder="Enter text ..." name="todayWorkContent" style="width: 100%; height: 300px"></textarea>
										</div>
									</div>																	
									<div class="form-group">
										<label class="col-sm-3 control-label ">今日责任人：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="todayDutyPerson" name="todayDutyPerson">
										</div>
									</div>																	
									<div class="form-group">
										<label class="col-sm-3 control-label ">今日配合人：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="todayCooperatePerson" name="todayCooperatePerson">
										</div>
									</div>															
									<div class="form-group">
										<label class="col-sm-3 control-label ">今日完成时间：</label>
										<div class="col-sm-8">
											<input class="form-control MyDate" type="text" id="todayFinishTime" name="todayFinishTime">
										</div>
									</div>								
									<div class="form-group">
										<label class="col-sm-3 control-label ">今日遇到的问题：</label>
										<div class="col-sm-8">
											<!--<input class="form-control" type="text" id="todayEncounterProblem" name="todayEncounterProblem"/>-->
											<textarea class="textarea form-control" placeholder="Enter text ..." name="todayEncounterProblem" style="width: 100%; height: 300px"></textarea>
										</div>
									</div>																	
									<div class="form-group">
										<label class="col-sm-3 control-label ">今日问题解决方案：</label>
										<div class="col-sm-8">
											<!--<input class="form-control" type="text" id="todaySolveProblem" name="todaySolveProblem"/>-->
											<textarea class="textarea form-control" placeholder="Enter text ..." name="todaySolveProblem" style="width: 100%; height: 300px"></textarea>
										</div>
									</div>																	
									<div class="form-group">
										<label class="col-sm-3 control-label ">明日计划：</label>
										<div class="col-sm-8">
											<!--<input class="form-control" type="text" id="tomorrowPlan" name="tomorrowPlan"/>-->
											<textarea class="textarea form-control" placeholder="Enter text ..." name="tomorrowPlan" style="width: 100%; height: 300px"></textarea>
										</div>
									</div>																	
									<div class="form-group">
										<label class="col-sm-3 control-label ">明日责任人：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="tomorrowDutyPerson" name="tomorrowDutyPerson">
										</div>
									</div>								
									<div class="form-group">
										<label class="col-sm-3 control-label ">明日配合人：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="tomorrowCooperatePerson" name="tomorrowCooperatePerson">
										</div>
									</div>					
									<div class="form-group">
										<label class="col-sm-3 control-label ">明日完成时间：</label>
										<div class="col-sm-8">
											<input class="form-control MyDate" type="text" id="tomorrowFinishTime" name="tomorrowFinishTime">
										</div>
									</div>								
									<div class="form-group">
										<label class="col-sm-3 control-label ">明日遇到的问题：</label>
										<div class="col-sm-8">
											<!--<input class="form-control" type="text" id="tomorrowEncounterProblem" name="tomorrowEncounterProblem"/>-->
											<textarea class="textarea form-control" placeholder="Enter text ..." name="tomorrowEncounterProblem" style="width: 100%; height: 300px"></textarea>
										</div>
									</div>																	
									<div class="form-group">
										<label class="col-sm-3 control-label ">需要支持情况：</label>
										<div class="col-sm-8">
											<!--<input class="form-control" type="text" id="supportSituation" name="supportSituation"/>-->
											<textarea class="textarea form-control" placeholder="Enter text ..." name="supportSituation" style="width: 100%; height: 300px"></textarea>
										</div>
									</div>																	
									<div class="form-group">
										<label class="col-sm-3 control-label ">总结：</label>
										<div class="col-sm-8">
											<!--<input class="form-control" type="text" id="summarize" name="summarize"/>-->
											<textarea class="textarea form-control" placeholder="Enter text ..." name="summarize" style="width: 100%; height: 300px"></textarea>
										</div>
									</div>
									<div class="form-group">
										<div class="form-control-static col-sm-offset-9">
											<button type="submit" class="btn btn-primary">提交</button>
											<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
										</div>
									</div>
						 </form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
  </div>
</template>
<script>
export default {
  inheritAttrs: false,
  components: {},
  props: [],
  data() {
    return {
      formData: {
        mobile: '',
        field101: [],
        field102: [],
        field103: null,
      },
      rules: {
        mobile: [{
          required: true,
          message: '请输入手机号',
          trigger: 'blur'
        }, {
          pattern: /^1(3|4|5|7|8|9)\d{9}$/,
          message: '手机号格式错误',
          trigger: 'blur'
        }],
        field101: [{
          required: true,
          type: 'array',
          message: '请至少选择一个field101',
          trigger: 'change'
        }],
        field102: [{
          required: true,
          type: 'array',
          message: '请至少选择一个field102',
          trigger: 'change'
        }],
        field103: [{
          required: true,
          message: '时间范围不能为空',
          trigger: 'change'
        }],
      },
      field101Options: [{
        "label": "选项一",
        "value": 1
      }, {
        "label": "选项二",
        "value": 2
      }],
      field102Options: [{
        "label": "选项一",
        "value": 1
      }, {
        "label": "选项二",
        "value": 2
      }],
    }
  },
  computed: {},
  watch: {},
  created() {
  },
  mounted() {},
  methods: {
    onOpen() {},
    onClose() {
      this.$refs['elForm'].resetFields()
    },
    close() {
      this.$emit('update:visible', false)
    },
    handelConfirm() {
      this.$refs['elForm'].validate(valid => {
        if (!valid) return
        this.close()
      })
    },
  }
}

</script>
<style>
</style>
